<!DOCTYPE html>
<html>
	<head>
		<meta name="renderer" content="webkit" />
		<meta charset="utf-8" />
		<title>淄博智慧金融综合服务平台</title>
		<meta name="Keywords" content="金融,金融超市,企业贷款,淄博金融,中小微,贷款,中小微贷款,中小微金融,淄博贷款,淄博中小微,中小微企业" />
		<meta name="Description"
			content="依托淄博市城市大数据平台，为中小微企业与金融机构搭建的线上线下融资服务平台。金融机构作为“卖家”，在平台上发布融资产品，中小微企业作为“买家”在平台上选购融资产品，金融管理部门负责协调、管理和统计评价工作。" />
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="index/js/layui/css/layui.css" />
		<link rel="stylesheet" href="index/css/style.css" />
		<link rel="stylesheet" href="index/css/finance_product.css" />
	</head>
	<body>
		<div class="container">
			<div id="header" data-page="pageXhjy2"></div>
			<div class="layui-carousel" id="ID-carousel-demo-image">
				<div carousel-item>
				  <div><img src="./index/img/banner/cp.png"></div>
				  <div id="dianwang"><img src="./index/img/banner/31721120926_.pic.jpg"></div>
				</div>
			</div>
			<!-- <div class="banner_img"></div> -->
			<div class="xy-position">
				<div class="fraw">
					<p class="dib_vm">
						<span class="f14" style="margin-left: 10px;">当前位置：
							<a href="index.html">首页-</a>
							金融产品</span>
					</p>
				</div>
			</div>
			<div class="xy-main">
				<div class="jejp">
					<div class="jejp_pajfsn">
						<form class="layui-form" id="ekhlFrom" lay-filter="ekhlFrom" action="javascript:;">
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label bhya">产品名称：</label>
									<div class="layui-input-inline">
										<input type="text" name="productName" id="nameTzlk" placeholder="请输入产品名称"
											autocomplete="off" class="layui-input lh" style="margin-top: 3px;">
									</div>
								</div>
								<div class="layui-inline">
									<button class="layui-btn lh" id="baprqw" lay-submit lay-filter="baprqw"
										type="submit">查询</button>
								</div>
							</div>
						</form>
						<ul class="zrxp" id="queryWay">
							<li class="xuae" style="border-bottom: 1px solid #DDDDDD; display: block !important;">
								<div class="dib_vm" id="typeCp">
									<span class="dib_vm_sop">产品类型：</span>
									<a class="qhou on" data-val="1" href="javascript:;">融资理财类</a>
									<a class="qhou" data-val="2" href="javascript:;">担保类</a>
									<!-- <a class="qhou" data-val="6" href="javascript:;">保险类</a> -->
								</div>
							</li>
							<div class="hide_key key_bank">
								<li class="xuae">
									<div class="dib_vm" id="typeCpFl">
										<span class="dib_vm_sop">融资理财分类：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="1" href="javascript:;">信贷类</a>
										<a class="qhou" data-val="2" href="javascript:;">理财类</a>
										<a class="qhou" data-val="3" href="javascript:;">保险类</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeQx">
										<span class="dib_vm_sop">贷款期限：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="(X,3]" href="javascript:;">3个月及以下</a>
										<a class="qhou" data-val="(X,6]" href="javascript:;">6个月及以下</a>
										<a class="qhou" data-val="(X,12]" href="javascript:;">12个月及以下</a>
										<a class="qhou" data-val="(X,36]" href="javascript:;">36个月及以下</a>
										<a class="qhou" data-val="(36,X)" href="javascript:;">36个月以上</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeDbfs">
										<span class="dib_vm_sop">担保方式：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="1" href="javascript:;">抵押</a>
										<a class="qhou" data-val="2" href="javascript:;">质押</a>
										<a class="qhou" data-val="3" href="javascript:;">保险公司承保</a>
										<a class="qhou" data-val="4" href="javascript:;">一般企业保证</a>
										<a class="qhou" data-val="5" href="javascript:;">信用</a>
										<a class="qhou" data-val="6" href="javascript:;">专业担保公司</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeWdzl">
										<span class="dib_vm_sop">网贷直联：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="是" href="javascript:;">是</a>
										<a class="qhou" data-val="否" href="javascript:;">否</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeZcp">
										<span class="dib_vm_sop">政策性产品：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="是" href="javascript:;">是</a>
										<a class="qhou" data-val="否" href="javascript:;">否</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeDked">
										<span class="dib_vm_sop">贷款额度：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="0,100" href="javascript:;">100万及以下</a>
										<a class="qhou" data-val="100,200" href="javascript:;">200万及以下</a>
										<a class="qhou" data-val="200,300" href="javascript:;">300万及以下</a>
										<a class="qhou" data-val="300,500" href="javascript:;">500万及以下</a>
										<a class="qhou" data-val="500,1000" href="javascript:;">1000万及以下</a>
										<a class="qhou" data-val="1000,1000" href="javascript:;">1000万以上</a>
										<a class="xlvt qhou" id="kmpevt" data-val="" href="javascript:;">其它金额</a>
										<form lay-filter="formBikv" autocomplete="off" class="layui-form dib_vm hide"
											id="ycgbwv" action="javascript:;">
											<span class="dib_vm"><input type="number" lay-verify="required|number"
													class="layui-input boil" name="nqfn1" />万
												-
												<input type="number" class="layui-input boil"
													lay-verify="required|number" name="nqfn2" />万</span>
											<button class="layui-btn dib_vm mnoe" lay-submit lay-filter="formQhar"
												id="queryHypw">查询</button>
										</form>
									</div>
								</li>
							</div>
							<!-- 担保 -->
							<div class="hide_key key_db">
								<li class="xuae">
									<div class="dib_vm" id="typeBdxe">
										<span class="dib_vm_sop">单一保单最高赔偿限额(万元)：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="0,100" href="javascript:;">100万及以下</a>
										<a class="qhou" data-val="100,200" href="javascript:;">200万及以下</a>
										<a class="qhou" data-val="200,300" href="javascript:;">300万及以下</a>
										<a class="qhou" data-val="300,500" href="javascript:;">500万及以下</a>
										<a class="qhou" data-val="500,1000" href="javascript:;">1000万及以下</a>
										<a class="qhou" data-val="1000,1000" href="javascript:;">1000万以上</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeFlfw">
										<span class="dib_vm_sop">担保费率范围：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="1,2" href="javascript:;">1%-2%</a>
										<a class="qhou" data-val="2,3" href="javascript:;">2%-3%</a>
										<a class="qhou" data-val="3,4" href="javascript:;">3%-4%</a>
										<a class="qhou" data-val="4,5" href="javascript:;">4%-5%</a>
										<a class="qhou" data-val="5,5" href="javascript:;">5% 以上</a>
									</div>
								</li>
								<li class="xuae">
									<div class="dib_vm" id="typeDbqx">
										<span class="dib_vm_sop">担保有效期限：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="0,3" href="javascript:;">3个月及以下</a>
										<a class="qhou" data-val="3,6" href="javascript:;">6个月及以下</a>
										<a class="qhou" data-val="6,12" href="javascript:;">12个月及以下</a>
										<a class="qhou" data-val="12,36" href="javascript:;">36个月及以下</a>
										<a class="qhou" data-val="36,36" href="javascript:;">36个月以上</a>
									</div>
								</li>
							</div>
							<!-- 保险 -->
							<div class="hide_key key_insure">
								<li class="xuae">
									<div class="dib_vm" id="typeBxQx">
										<span class="dib_vm_sop">保险期限：</span>
										<a class="qhou on" data-val="" href="javascript:;">不限</a>
										<a class="qhou" data-val="0,12" href="javascript:;">12个月及以下</a>
										<a class="qhou" data-val="12,24" href="javascript:;">12个月-24个月及以下</a>
										<a class="qhou" data-val="24,36" href="javascript:;">24个月-36个月及以下</a>
										<a class="qhou" data-val="36,60" href="javascript:;">36个月-60个月及以下</a>
										<a class="qhou" data-val="60,60" href="javascript:;">60个月以上</a>
									</div>
								</li>
							</div>
						</ul>
					</div>
					<div class="product_item">
						<div class="productnewsx_body" id="bankList"></div>
						<!-- 银行 -->
						<script id="bankData" type="text/x-jsrender">
							{{if total>0}}
							<div class="wyhd">
								<div class="dib klzg">共找到 <b class="b ebno">{{:total}}</b> 个结果</div>
							</div>
							{{for rows}}
							<div class="jgcp-list-right">
								<div class="jgcp-list-item">
									<div class="jgcp-list-al" >
										{{if jrjgimg}}
										<!-- <img alt="" src="{{:jrjgimg}}" width="45" height="45" /> -->
										<img style="float: left;" alt="" src="{{:jrjgimg}}" width="175" height="45" />
										{{else}}
											<img style="float: left;" alt="" src="index/img/banner/ty.png" width="45"
												height="45" />
											{{/if}}
											<!-- <div class="jgcp_name_insure txtHide">
												{{:productName}}
											</div> -->
											<div class="jgcp_name_insure txtHide" style="top: 65px;left: 50px">{{:productName}}</div>
									</div>
									{{if bankproductType == '1'}}
									<div class="jgcp-list-al">
										<div class="list-al-txt">参考利率范围</div>
										<div class="list-al-val red-val">{{:productCkllfw1}}<span>%</span> ~
											{{:productCkllfw2}}<span>%</span>
										</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">担保方式</div>
										<div class="list-al-val big-word">{{:productDbfs}}</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">贷款期限</div>
										<div class="list-al-val big-word">{{:productDkqx1}} ~ {{:productDkqx2}} 月
										</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">贷款额度</div>
										<div class="list-al-val big-word">{{:productDked1}} ~ {{:productDked2}} 万元
										</div>
									</div>
									{{/if}}

									<!-- 理财类 -->
									{{if bankproductType == '2'}}
									<div class="jgcp-list-al">
										<div class="list-al-txt">起购金额</div>
										<div class="list-al-val red-val"><span>{{:lcQgje}} 万元</span>
										</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">产品期限</div>
										<div class="list-al-val big-word">{{:lcCpqx}} 天</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">风险等级</div>
										<div class="list-al-val big-word">
											{{if lcFxdj =='12121'}}R1谨慎型{{/if}}
											{{if lcFxdj =='12122'}}R2稳健型{{/if}}
											{{if lcFxdj =='12123'}}R3平衡型{{/if}}
											{{if lcFxdj =='12124'}}R4进取型{{/if}}
											{{if lcFxdj =='12125'}}R5激进型{{/if}}
										</div>
									</div>
									{{/if}}


									<!-- 保险类 -->
									{{if bankproductType == '3'}}
									<div class="jgcp-list-al">
										<div class="list-al-txt">缴费金额</div>
										<div class="list-al-val red-val"><span>{{:bxJfje}}</span>
										</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">保障年限</div>
										<div class="list-al-val big-word">{{:bxBznx}}
										</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">保额上限</div>
										<div class="list-al-val big-word">{{:bxBesx}}
										</div>
									</div>
									{{/if}}
									<div class="jgcp-list-al">
										<a href="product_details.html?jgType={{:jrjgtype}}&productid={{:id}}&bankproductType={{:bankproductType}}"
											class="layui-btn">查看详情</a>
									</div>
								</div>
							</div>



							{{/for}}
							{{else}}
								<div class="no_product">暂无产品</div>
								{{/if}}
						</script>
						<!-- 担保 -->
						<script id="dbankData" type="text/x-jsrender">
							{{if total>0}}
							<div class="wyhd">
								<div class="dib klzg">共找到 <b class="b ebno">{{:total}}</b> 个结果</div>
							</div>
							{{for rows}}
							<div class="jgcp-list-right">
								<div class="jgcp-list-item">
									<div class="jgcp-list-al">
										<img style="float: left;" alt="" src="{{:jrjgimg}}" width="175" height="45" />
										<div class="jgcp_name_insure txtHide" style="top: 65px;left: 50px">{{:productName}}</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">最大单笔担保金额</div>
										<div class="list-al-val red-val">{{:dbgsPcxe}}万</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">担保费率</div>
										<div class="list-al-val big-word red-val">{{:dbgsFlfw1}} % - {{:dbgsFlfw2}} %
										</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">担保期限</div>
										<div class="list-al-val big-word">{{:productRzdbqx1}}-{{:productRzdbqx2}}个月
										</div>
									</div>
									<div class="jgcp-list-al" style="border: 0;">
										<a href="product_details.html?jgType=2&productid={{:id}}"
											class="layui-btn">查看详情</a>
									</div>
								</div>
							</div>
							{{/for}}
							{{else}}
								<div class="no_product">暂无产品</div>
								{{/if}}
						</script>
						<!-- 保险 -->
						<script id="insureData" type="text/x-jsrender">
							{{if total>0}}
							<div class="wyhd">
								<div class="dib klzg">共找到 <b class="b ebno">{{:total}}</b> 个结果</div>
							</div>
							{{for rows}}
							<div class="jgcp-list-right">
								<div class="jgcp-list-item">
									<div class="jgcp-list-al">
										<img style="float: left;" alt="" src="{{:jrjgimg}}" width="175" height="45" />
										<div class="jgcp_name_insure txtHide" >{{:productName}}</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">险种</div>
										<div class="list-al-val red-val">{{:productXzlx}}</div>
									</div>
									<div class="jgcp-list-al">
										<div class="list-al-txt">保险期限</div>
										<div class="list-al-val big-word">{{:productBxqx}}个月</div>
									</div>
									<div class="jgcp-list-al" style="border: 0;">
										<a href="product_details.html?jgType=6&productid={{:id}}"
											class="layui-btn">查看详情</a>
									</div>
								</div>
							</div>
							{{/for}}
							{{else}}
								<div class="no_product">暂无产品</div>
								{{/if}}
						</script>
						<div id="pageBank" style="text-align: center;"></div>
					</div>
				</div>
				<div id="footer" style="height: 600px;">
				</div>
			</div>
		</div>
		<script src="index/js/jquery.js"></script>
		<script src="index/js/jsrender.js"></script>
		<script src="index/js/layui/layui.js"></script>
		<script src="index/js/loading.js"></script>
		<script src="index/js/sdk.js"></script>
		<script src="index/js/core.js"></script>
		<script>
			// 去详情
			layui.use(['layer', 'form', 'laypage','carousel'], function() {
				var layer = layui.layer;
				var form = layui.form;
				var laypage = layui.laypage;
				var exnr = null;
				var carousel = layui.carousel;

				carousel.render({
					elem: '#ID-carousel-demo-image',
					width: '100%',
					height: '408px',
					indicator:'inside',
					interval: 5000
				});
				// 参数集合 初始化筛选项
				var pageOimh = {
					page: 1,
					rows: 10,
					code: '',
				};
				var code = sdk.getURLVar('code');
				if (!code) {
					pageOimh.code = $('#typeCp .qhou.on').attr('data-val');
					$('.key_bank').removeClass('hide_key');
				} else {
					$('#typeCp .qhou').each(function(i, e) {
						var dataVal = $(e).attr('data-val');
						if (code == dataVal) {
							$(e).addClass('on').siblings().removeClass('on');
						} else if (code == '1') {
							$('.key_bank').removeClass('hide_key');
						} else if (code == '2') {
							$('.key_db').removeClass('hide_key');
						} else if (code == '6') {
							$('.key_insure').removeClass('hide_key');
						} else {
							layer.msg('参数有误!', {
								icon: 2,
								closeBtn: 1,
								time: 1500
							});
							setTimeout(function() {
								window.location.href = "finance_product.html"
							}, 1500);
						}
					})
				}
				// 点击筛选
				$('#queryWay .qhou').click(function() {
					// 判断是否包含.on 选中和取消选中样式;
					if($(this).hasClass("on")){
						$(this).removeClass('on');
					}else{
						$(this).addClass('on').siblings().removeClass('on');
					}
					pageOimh.page = 1;
					var zqType = $('#typeQx .qhou.on').attr('data-val');
					if (zqType == '6') {
						$('.nozq').hide();
						$('.iszq').show();
					} else {
						$('.nozq').show();
						$('.iszq').hide();
					}
					
					// 产品分类
					var wCode = $('#typeCp .qhou.on').attr('data-val');
					if (wCode == '1') {
						$('.key_bank').removeClass('hide_key').siblings().addClass('hide_key');
					} else if (wCode == '2') {
						$('.key_db').removeClass('hide_key').siblings().addClass('hide_key');
					} else if (wCode == '6') {
						$('.key_insure').removeClass('hide_key').siblings().addClass('hide_key');
					} else {
						layer.msg('参数有误!', {
							icon: 2,
							closeBtn: 1,
							time: 1500
						});
					}

					pageOimh.page = 1;
					getData();
				});
				// 请求数据
				function getData() {
					exnr = layer.load();
					var wCode = $('#typeCp .qhou.on').attr('data-val');
					// 融资理财分类
					var rlCode = $('#typeCpFl .qhou.on').attr('data-val');
					var paramData = {};
					if (wCode == '1') {
						paramData = {
							code: wCode,
							typecode: rlCode,
							page: pageOimh.page,
							rows: pageOimh.rows,
							productName: pageOimh.productName, // 产品名称
							productDkqx: $('#typeQx .qhou.on').attr('data-val'), // 贷款期限
							productDbfs: $('#typeDbfs .qhou.on').attr('data-val'), // 担保方式
							productWdzl: $('#typeWdzl .qhou.on').attr('data-val'), // 网贷直联
							productSfzcxcp: $('#typeZcp .qhou.on').attr('data-val'), // 政策性产品
							productDked: $('#typeDked .qhou.on').attr('data-val'), // 贷款额度
						};
					} else if (wCode == '2') {
						var dbqx = $('#typeDbqx .qhou.on').attr('data-val');
						var bdxe = $('#typeBdxe .qhou.on').attr('data-val');
						var flfw = $('#typeFlfw .qhou.on').attr('data-val');
						dbqx = !dbqx ? [null, null] : dbqx.split(",");
						bdxe = !bdxe ? [null, null] : bdxe.split(",");
						flfw = !flfw ? [null, null] : flfw.split(",");
						paramData = {
							code: wCode,
							page: pageOimh.page,
							rows: pageOimh.rows,
							productName: pageOimh.productName, // 产品名称
							dbgsPcxeDown: bdxe[0],
							dbgsPcxeUp: bdxe[1],
							dbgsFlfw1: flfw[0],
							dbgsFlfw2: flfw[1],
							productRzdbqx1: dbqx[0],
							productRzdbqx2: dbqx[1]
						};
					} else if (wCode == '6') {
						var bxqx = $('#typeBxQx .qhou.on').attr('data-val');
						bxqx = !bxqx ? [null, null] : bxqx.split(",");
						paramData = {
							code: wCode,
							page: pageOimh.page,
							rows: pageOimh.rows,
							productName: pageOimh.productName, // 产品名称
							productBxqxDown: bxqx[0],
							productBxqxUp: bxqx[1],
						};
					} else {
						layer.msg('参数有误!', {
							icon: 2,
							closeBtn: 1,
							time: 1500
						});
						return
					}
					$.ajax({
						type: 'post',
						url: sdk.baseIP + 'mh/productPage/getGrid',
						data: paramData,
						success: function(d) {
							// 展示数据
							setTimeout(function() {
								layer.close(exnr);
							}, 500);
							if (wCode == '1') {
								$('#bankList').html($.templates('#bankData').render(d));
							} else if (wCode == '2') {
								$('#bankList').html($.templates('#dbankData').render(d));
							} else if (wCode == '6') {
								$('#bankList').html($.templates('#insureData').render(d));
							}
							// 分页
							laypage.render({
								elem: 'pageBank', //注意，这里的 test1 是 ID，不用加 # 号
								count: d.total, //数据总数，从服务端得到
								limit: pageOimh.rows,
								curr: pageOimh.page,
								theme: '#0487ff',
								jump: function(obj, first) {
									//首次不执行 
									if (!first) {
										console.log(obj)
										pageOimh.page = obj.curr;
										pageOimh.rows = obj.limit;
										getData();
									}
								}
							});
						},
						error: function() {
							layer.close(exnr);
						}
					})
				}
				// 机构或产品查询
				form.on('submit(baprqw)', function(data) {
					pageOimh.page = 1;
					pageOimh.productName = $('#nameTzlk').val();
					$('#queryWay .xuae .qhou').removeClass('on');
					$('#queryWay .xuae').each(function(a, b) {
						$(b).find('.qhou').eq(0).addClass('on');
					});
					$('#kmpevt').removeClass('on');
					$('#ycgbwv').addClass('hide');
					pageOimh.productDked = '';
					form.val('formQhar', {
						'nqfn1': '',
						'nqfn2': ''
					});
					getData();
				});
				// 其他额度查询
				form.on('submit(formQhar)', function(data) {
					$('#kmpevt').attr('data-val', +Number(data.field.nqfn1) + ',' + Number(data
						.field.nqfn2));
					getData();
				});
				// 隐藏其他额度输入框
				$('#typeDked .qhou').click(function() {
					$('#ycgbwv').addClass('hide');
				});

				$('#kmpevt').click(function() {
					$('#ycgbwv').removeClass('hide');
					$('#xxwmrf .qhou').removeClass('on');
					$(this).addClass('on');
				});
				form.val('ekhlFrom', {
					jrjgname: sdk.getURLVar('jrjgname')
				});

				// 自动请求初始化数据
				getData();

			});
			$('#dianwang').click(function() {
				window.open('https://efin.sgcc.com.cn/cyl/home?GGW20240716112205')
			})
			
		</script>
	</body>

</html>
